<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>冷链物流</title>
  <!--  widthmaximum-scale=1.0 与 user-scalable=no 一起使用。这样禁用缩放功能后，用户只能滚动屏幕，就能让您的网站看上去更像原生应用的感觉。 -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  
  <style>
  #example2 td{
	border:1px #d2d6de solid;
	text-align:center;
	vertical-align:middle;
  }
  </style>
</head>
<body>

  <div class="container" style="background:#FFFFFF">
	<section class="content-header">
		<div class="col-lg-10">
			<!-- <h2>系统名称</h2> -->
			<ol class="breadcrumb" id="index_breadcrumb">
				<li class="active">
					<i class='fa fa-anchor' style='color:#18a689;'></i>&nbsp;&nbsp;
						<strong>当前位置：档案管理>>充电桩信息管理</strong>
				</li>
			</ol>
		</div>
		<div class="col-lg-2">
		</div>
	</section>
      <div class="container-fluid">
		<div class="row clearfix col-lg-12">
			<form role="form">
				  <table id="example2" class="table table-bordered table-hover">
					
					<tbody>
					<tr>
					  <td class="col-lg-2"><label for="name">名称</label></td>
					  <td class="col-lg-4"><input type="email" class="form-control" id="name" placeholder="名称"></td>
					  <td class="col-lg-2"><label for="type">类型</label></td>
					  <td class="col-lg-4">
						  <select class="form-control" >
							<option>option 1</option>
							<option>option 2</option>
							<option>option 3</option>
							<option>option 4</option>
							<option>option 5</option>
						  </select>
					  </td>
					</tr>
				    <tr>
					  <td><label for="serviceProvider">运营服务商</label></td>
					  <td><input type="text" class="form-control" id="serviceProvider" placeholder="运营服务商"></td>
					  <td></td>
					  <td></td>
					</tr>
					
					<tr>
					  <td colspan="2"><button type="submit" class="btn btn-info pull-right">查询</button></td>
					  <td colspan="2"><button type="submit" class="btn btn-info pull-left">重置</button></td>
					</tr>
					</tbody>
					
				  </table>
				</form>
				
				<button type="submit" class="btn btn-primary btn-lg2">导出</button>
				<button type="submit" class="btn btn-primary btn-lg2" data-toggle="modal" data-target="#chargeModal">添加</button>
				<button type="submit" class="btn btn-primary btn-lg2">删除</button>
				<table class="table table-bordered" id="chargetable">
					
				</table>
				
				
				<div class="modal fade" id="chargeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="static">
					<form role="form">
					  <div class="modal-dialog" style="width:70%">
					  
						  <div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
									&times;
								</button>
								<h4 class="modal-title" id="myModalLabel">
									充电桩信息
								</h4>
							</div>
							<div class="modal-body">
							  基本信息
							  <table id="example2" class="table table-bordered table-hover">
								
								<tbody>
								<tr>
								  <td><label for="name">名称</label></td>
								  <td><input type="text" class="form-control" id="name" placeholder="名称"></td>
								  <td><label for="id">编号</label></td>
								  <td><input type="text" class="form-control" id="id" placeholder="编号"></td>
								</tr>
								<tr>
								  <td><label for="type">类型</label></td>
								  <td>
									<select class="form-control" >
										<option>option 1</option>
										<option>option 2</option>
										<option>option 3</option>
										<option>option 4</option>
										<option>option 5</option>
									  </select>
								  </td>
								  <td><label for="model">型号</label></td>
								  <td><input type="text" class="form-control" id="model" placeholder="型号"></td>
								</tr>
								<tr>
								  <td><label for="chargeStation">所属充电站</label></td>
								  <td><input type="text" class="form-control" id="chargeStation" placeholder="所属充电站"></td>
								  <td><label for="serviceProvider">运营服务商</label></td>
								  <td><input type="text" class="form-control" id="serviceProvider" placeholder="运营服务商"></td>
								</tr>
								<tr>
								  <td><label for="assetType">资产所属类型</label></td>
								  <td>
									  <select class="form-control" >
										<option>option 1</option>
										<option>option 2</option>
										<option>option 3</option>
										<option>option 4</option>
										<option>option 5</option>
									  </select>
								  </td>
								
								  <td colspan="2"></td>
								</tr>
							  </table>
							  
							  参数信息
							  <table id="example2" class="table table-bordered table-hover">
								
								<tbody>
								<tr>
								  <td><label for="outputPower">输出功率</label></td>
								  <td><input type="text" class="form-control" id="outputPower" placeholder="输出功率"></td>
								  <td><label for="outputVoltage">输出电压</label></td>
								  <td><input type="text" class="form-control" id="outputVoltage" placeholder="输出电压"></td>
								</tr>
								<tr>
								  <td><label for="outputCurrent">输出电流</label></td>
								  <td><input type="text" class="form-control" id="outputCurrent" placeholder="输出电流"></td>
								  <td><label for="interfaceNumber">接口数</label></td>
								  <td><input type="text" class="form-control" id="interfaceNumber" placeholder="接口数"></td>
								</tr>
								
								</tbody>
							  </table>
							  
							  位置信息
							  <table id="example2" class="table table-bordered table-hover">
								
								<tbody>
								<tr>
								  <td><label for="address">地址</label></td>
								  <td colspan="3"><input type="text" class="form-control" id="address" placeholder="地址"></td>
								</tr>
								<tr>
								  <td><label for="longitude">经度</label></td>
								  <td><input type="text" class="form-control" id="longitude" placeholder="经度"></td>
								  <td><label for="latitude">纬度</label></td>
								  <td><input type="text" class="form-control" id="latitude" placeholder="纬度"></td>
								</tr>
								<tr>
								  <td><label for="nearMarker">附近标志物</label></td>
								  <td><input type="text" class="form-control" id="nearMarker" placeholder="附近标志物"></td>
								  <td></td>
								  <td></td>
								</tr>
								</tbody>
							  </table>
							</div>
				  
							<div class="modal-footer">
								<button type="button" class="btn btn-primary">
									提交更改
								</button>
								<button type="button" class="btn btn-default" data-dismiss="modal">关闭
								</button>
							</div>
						</div>
					</div>
					</form>
			
			</div>
		</div>
	  </div>
  </div>

  <script type="text/javascript" src="../dagl/js/cdzxxgl.js"></script>
</body>
</html>
